<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    #box {
      width: 1000px;
      margin: 0 auto;
    }

    h2 {
      margin-top: 40px;
    }

    h3 {
      margin: 20px 0;
      text-indent: 2rem;
    }

    h4 {
      margin: 10px 0;
      font-size: 16px;
      text-indent: 3rem;
    }

    a {
      text-decoration: none;
      margin-left: 20px;
     
    }
  </style>
</head>

<body>
  <div id="box">
    <h2>html+css作品目录:</h2>
    <h3>1、基本标签:<a href="./1基本标签/htlms/one.html"  target='_blank'>点击跳转</a></h3>

    <h3>2、css样式:<a href="./2css样式/html/day2.html"  target='_blank'>点击跳转</a></h3>

    <h3>3、行盒及文本样式:<a href="./3行盒及文本样式/html/第五课.html"  target='_blank'>点击跳转</a></h3>

    <h3>4、行盒模型:<a href="./4盒模型/html/第四课作业.html"  target='_blank'>点击跳转</a></h3>

    <h3>5、元素显示样式:<a href="./5元素显示样式/html/第六课作业.html"  target='_blank'>点击跳转</a></h3>

    <h3>6、css背景样式:<a href="./6css背景样式/html/第七课作业.html"  target='_blank'>点击跳转</a></h3>
    <h3>7、边框和渐变:<a href="./7边框和渐变/HTML/八卦练习.html"  target='_blank'>点击跳转</a></h3>
    <h3>8、浮动样式:<a href="./8浮动样式/html/第九课作业.html"  target='_blank'>点击跳转</a></h3>
    <h3>9、定位样式:<a href="./9定位样式/html/第十课作业.html"  target='_blank'>点击跳转</a></h3>
    <h3>10、表格:</h3>
    <h4>(1)、form登录框<a href="./10表格/html/form 登录框练习.html"  target='_blank'>点击跳转</a></h4>
    <h4>(2)、table表格<a href="./10表格/html/table练习.html"  target='_blank'>点击跳转</a></h4>

    <h3>11、平面动画:<a href="./11平面动画/html/十四章轮播图练习.html"  target='_blank'>点击跳转</a></h3>
    
    
    <h3>12、3D动画:</h3>
    <h4>(1)、摩天轮小动画<a href="./12摩天轮/html/摩天轮.html"  target='_blank'>点击跳转</a></h4>
    <h4>(2)、3D无针时钟动画<a href="./12时钟(animation3d动画)/3d钟表.html"  target='_blank'>点击跳转</a></h4>

    <h3>13、响应式布局:<a href="./13响应式/html/index.html"  target='_blank'>点击跳转</a></h3>
    <h3>14、微软官网响应式布局:<a href="./14微软官网响应式布局/html/index.html"  target='_blank'>点击跳转</a></h3>

    

  </div>
</body>

</html>